<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <table border="1" cellspacing="5" bgcolor="yellow">
        <caption>我的课程表</caption>
        <tr>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
            <th>星期六</th>
            <th>星期日</th>
            <!-- colspan=2 定义跨列的表格单元格 -->
            <th colspan="2"> 休 息 </th>

        </tr>
        <tr>
            <td>英语</td>
            <td> </td>
            <td>数学</td>
            <td>java</td>
            <td>html</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td> </td>
            <td>英语</td>
            <td>数学</td>
            <td>java</td>
            <td>html</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>课间休息</td>
            <td>课间休息</td>
            <td>课间休息</td>
            <td>课间休息</td>
            <td>课间休息</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>英语</td>
            <td> </td>
            <td>数学</td>
            <td>java</td>
            <td>html</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td> </td>
            <td>英语</td>
            <td>数学</td>
            <td> </td>
            <td>html</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>午休</td>
            <td>午休</td>
            <td>午休</td>
            <td>午休</td>
            <td>午休</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>英语</td>
            <td>英语</td>
            <td>数学</td>
            <td>java</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>英语</td>
            <td>英语</td>
            <td> </td>
            <td>java</td>
            <td>html</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>英语</td>
            <td>英语</td>
            <td>数学</td>
            <td> </td>
            <td>html</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <tr>
            <td>晚自习</td>
            <td>晚自习</td>
            <td>晚自习</td>
            <td>晚自习</td>
            <td>晚自习</td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
        </tr>
        <br>
        <br>
    </table>
    <!-- Cell padding 来创建单元格内容与其边框之间的空白。 -->
    <!-- Cell spacing 增加单元格之间的距离。 -->
    <table border="1" cellspacing="5" cellpadding="10" bgcolor="7FFF00">
        <caption>我的课程表</caption>
        <tr bgcolor="00FF7F">
            <th bgcolor="A020F0">星期一
            <th>星期一
            <td>英语</td>
            <td> </td>
            <td>课间休息</td>
            <td>数学</td>
            <td>java</td>
            <td> </td>
            <td>晚自习</td>
            </th>
        </tr>
        <tr bgcolor="FDF6E6">
            <th bgcolor="FF0000">星期二
            <td> </td>
            <td>英语</td>
            <td>课间休息</td>
            <td>数学</td>
            <td>java</td>
            <td>html</td>
            <td>晚自习</td>
            </th>
        </tr>
        <tr bgcolor="FFDEAD">
            <th bgcolor="FFDEAD">星期三
            <td>英语</td>
            <td> </td>
            <td>课间休息</td>
            <td>数学</td>
            <td> </td>
            <td>html</td>
            <td>晚自习</td>
            </th>
        </tr>
        <tr bgcolor="FF0000">
            <th bgcolor="FDF6E6">星期四
            <td> </td>
            <td>英语</td>
            <td>课间休息</td>
            <td>数学</td>
            <td>java</td>
            <td> </td>
            <td>晚自习</td>
            </th>
        </tr>
        <tr bgcolor="A020F0">
            <th bgcolor="00FF7F">星期五
            <td>英语</td>
            <td> </td>
            <td>课间休息</td>
            <td>数学</td>
            <td>java</td>
            <td> </td>
            <td>晚自习</td>
            </th>
        </tr>
        <tr bgcolor="FFFAF0">
            <!-- rowspan=2 定义跨行的表格单元格 -->
            <th rowspan="2">休息
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
            </th>
        </tr>
        <tr bgcolor="FFFAF0">
            <th>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>
            <td> </td>

            </th>
        </tr>
    </table>
    <br>
    <br>
    <table width="400" border="1">
        <tr>
            <th align="left">消费项目....</th>
            <th align="right">一月</th>
            <th align="right">二月</th>
        </tr>
        <tr>
            <td align="left">衣服</td>
            <td align="right">$241.10</td>
            <td align="right">$50.20</td>
        </tr>
        <tr>
            <td align="left">王者</td>
            <td align="right">$30.00</td>
            <td align="right">$44.45</td>
        </tr>
        <tr>
            <td align="left">食物</td>
            <td align="right">$730.40</td>
            <td align="right">$650.00</td>
        </tr>
        <tr>
            <th align="left">总计</th>
            <th align="right">$1001.50</th>
            <th align="right">$744.65</th>
        </tr>
    </table>
    <br>
    <br>
    <table frame="box">
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
        <tr>
            <td>January</td>
            <td>$100</td>
        </tr>
    </table>
    <br>
    <br>
    <table frame="above">
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
        <tr>
            <td>January</td>
            <td>$100</td>
        </tr>
    </table>
    <br>
    <br>
    <table frame="below">
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
        <tr>
            <td>January</td>
            <td>$100</td>
        </tr>
    </table>
    <br>
    <br>
    <table frame="hsides">
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
        <tr>
            <td>January</td>
            <td>$100</td>
        </tr>
    </table>
    <br>
    <br>
    <table frame="vsides">
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
        <tr>
            <td>January</td>
            <td>$100</td>
        </tr>
    </table>
</body>

</html>